<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/gCenter.css"/>
    <script src="js/jquery-1.7.2.js"></script>

    <script type="text/javascript">
	    function downClick(id){
	    	var redirectUrl = "";
	    	var downUrl1 = getHost()+ '/downloads/成功企业家俱乐部会员入会申请表.doc';
	    	var downUrl2 = getHost()+ '/downloads/成功企业家俱乐部会员入会流程及材料清单.docx';
	    	if(id==1){
	    		redirectUrl = downUrl1;
	    	}
	    	if(id==2){
	    		redirectUrl = downUrl2;
	    	}
			//alert(downUrl1);
			window.location.href = redirectUrl;
		}
	   	/**jquery自动化执行代码*/
	    $(function(){
	    	$.ajax({
	            url: "../sys/heart.do",
	            async: false,
	            type : "post",
	            dataType : "json",
	            success:function(d){
	            	if(!d.success){
	                	window.location.href = 'login.html?redirectUrl=gCenter.html';
	                }
	            }
	        });
	    });
    </script>
    
    <script src="js/gCenter.js"></script>
    <script type="text/javascript" src="js/controller/comment/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/controller/comment/template.js"></script>
    <script type="text/javascript" src="js/controller/comment/jQuery-artTemplate-wty.js"></script>
    <script type="text/javascript" src="js/controller/comment/laypage.js"></script>
    <script type="text/javascript" src="js/controller/comment/page.js"></script>

    <link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" />

    <link type="text/css" rel="stylesheet" href="assets/upload/css/fileinput.css" media="all" />


    <style type="text/css">
        .xBL{width: 40% !important; height: 87px !important; float: left!important; }
        .xBR{width: 40% !important; height: 87px !important; float: right !important;}
        .h2{ padding: 0px !important;}
        .block{ display: block ;}
        a{text-decoration: none !important;}
        .xHBox2 a{border: 0px red solid; margin-top: -10px;}
        .none{ display: none ;}
        .l_zhuce { border: 1px red solid; display: block; float: left;}
    </style>
    <script>
        var code ; //在全局 定义验证码
        function createCode()
        {
            code = "";
            var codeLength = 4;//验证码的长度
            var checkCode = document.getElementById("checkCode");
            var selectChar = new Array(0,1,2,3,4,5,6,7,8,9);//所有候选组成验证码的字符，当然也可以用中文的

            for(var i=0;i<codeLength;i++)
            {

                var charIndex = Math.floor(Math.random()*10);
                code +=selectChar[charIndex];

            }

            if(checkCode)
            {
                checkCode.className="l_code";
                checkCode.value = code;
            }

        }


        var countdown=60;
        function settime(val) {
            if (countdown == 0) {
                val.removeAttribute("disabled");
                val.value="点击获取验证码";
                countdown = 60;
                return;
            } else {
                val.setAttribute("disabled", true);
                val.value="重新发送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function() {
                settime(val)
            },1000)
        }
    </script>
</head>
<body>
<script type="text/javascript">
    $(function(){
        $("#file-1").click(function(){
            $(".file-preview").addClass("block");
        });
        $(".aboutus li:gt(1) ").click(function(){
            $(".row").addClass("none");
        });
        $(".aboutus li:eq(1) ").click(function(){
            $(".row").removeClass("none");
        });
    })
</script>

<div id="header"></div>
<div class="gBanner">
    <img src="images/gbanner.jpg" alt=""/>
</div>
<div class="gContent">
    <div class="bar">
        <div><i></i>关于我们</div>
        <ul class="aboutus">
            <li>个人资料</li>
            <li>我的会员</li>
            <li>我的活动</li>
            <li>修改密码</li>
        </ul>
    </div>
    <div class="container">
        <div class="one special">
            <div class="title">个人资料</div>
            <ul>
                <li><span class="left">姓名：</span><span class="right"></span></li>
                <li><span class="left">入会形式：</span><span class="right"></span></li>
                <li><span class="left">我的会员等级：</span><span class="vip right"></span></li>
                <li><span class="left">手机号：</span><span class="right"></span></li>
                <li><span class="left">邮箱：</span><span class="right"></span></li>
                <li><span class="left">公司名称：</span><span class="right"></span></li>
                <li><span class="left">目前职务：</span><span class="right"></span></li>
            </ul>
            <p>注：如修改相关信息，请联系户籍管理员</p>
        </div>

        <div class="row" >
            <div class="gmoney">
                <div class="top"><img src="images/gclose.png" alt=""/></div>
                <div class="bottom"><p>会员缴费账号：1111 1111 1111 2222 890</p></div>
            </div>
            <div class="two special">

                <div class="title">我的会员</div>
                <!--<button class="up">资料上传</button>-->
                <div class="down">
                    <a class="download" href="#">下载VIP俱乐部会员入会申请表</a>
                    <a class="download" href="#">下载企业家会员入会流程及材料清单</a>
                </div>
                <div class="gmoney1"><img src="images/gpeople1.jpg" alt=""/></div>
                <div class="l_file progress " style="height: 120px !important;">

                    <span class="blue ">注册</span><i class="arrow1 a d f h j m a1 p r"></i>
                    <span class="b c e g i l c1 o q">下载入会申请资料</span><i class="arrow1 d f h j m a1 a p r"></i>
                    <span class="c e g i l c1 o q">上传材料扫描件</span><i class="arrow1 f h j m a1 p r"></i>
                    <span class="review1 e g i l c1 o q">审核</span><i class="arrow1 h j m f p r"></i>
                    <span class="g i l e o q">下载流程及材料清单</span><i class="arrow3 k"></i>
                    <span class="q">领取资格证书</span><i class="arrow2 r"></i>
                    <span class="review2 o q">审核</span><i class="arrow2 p r"></i>
                    <span class="l o q">上传回执单扫描件</span><i class="arrow2 m p r"></i>
                    <span class="l money1 i o q">缴纳会费</span><i class="arrow2 n j p r"></i>
                    <span class="i l g o q">上传协议扫描件</span>

                    <!--<img class="people" src="images/gpeople1.jpg" alt=""/>-->


                </div>
            </div>

            <div class="col-sm-12 col-sm-offset-0 form-box">
                <form role="form" action="" method="post" class="registration-form" enctype="multipart/form-data">
                    <fieldset>
                        <div class="form-top ">
                            <div class="form-top-left">

                                </div>
                                <!--   <div class="progress" style="display: block !important;">
                                       <p>当前进度</p>
                                       <span class="blue">注册</span><i class="arrow1"></i><span><a href="#">下载入会申请资料</a></span><i class="arrow1"></i><span>上传材料扫描件</span><i class="arrow1"></i><span>审核</span><i class="arrow1"></i><span><a
                                           href="#">下载入会流程及材料清单</a></span><i class="arrow3"></i>
                                       <span>领取资格证书</span><i class="arrow2"></i><span>审核</span><i class="arrow2"></i><span>上传回执单扫描件</span><i class="arrow2"></i><span>缴纳会费</span><i class="arrow2"></i><span>上传协议扫描件</span>

                                       &lt;!&ndash;<img class="people" src="images/gpeople1.jpg" alt=""/>&ndash;&gt;
                                       <div class="gmoney">
                                           <div class="top"><img src="images/gclose.png" alt=""/></div>
                                           <div class="bottom"><p>会员缴费账号：1111 1111 1111 2222 890</p></div>
                                       </div>
                                   </div>-->
                            </div>

                        <div class="form-bottom">
                            <div class="form-group">
                                <input style="width: 20% !important;" id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1">
                            </div>


                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
        <!--  <div id="progress">
              <div id="bar" style="width: 0%;"></div>
          </div>-->


        <div class="three special">
            <div class="onload">
                <p>确定取消报名？</p>
                <button class="del sure">确&nbsp;&nbsp;定</button>
                <button class="less del">取&nbsp;&nbsp;消</button>
            </div>
            <div class="title">我的活动</div>
            <ul id="active1">
                <script type="text/html" id="active1_list">
                    {{each data.result as value i}}
                    <li><img src="{{value.imgUrl}}" alt=""/><span>{{value.publishTime | getDate:'yyyy-MM-dd'}}</span>
                        <button class="cancel" aid="{{value.id}}">取消报名</button></li>
                    {{/each}}
                </script>
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
                <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
                <!--<button class="cancel">取消报名</button></li>-->
            </ul>
        </div>
        <div class="four special">
            <div class="title">修改密码</div>
            <div class="secret">
                <div class="last">
                    <div class="phone"><span>手&nbsp;&nbsp;机&nbsp;&nbsp;号：</span><input id="pwd"  readonly="readonly" class="myphone" type="text"/></div>
                    <div class="check"><span>验&nbsp;&nbsp;证&nbsp;&nbsp;码：</span><input id="yanzhengma" class="short" type="text"/><input id="yzm" class="send" type="button" value="点击获取验证码"  onclick="settime(this)" /></div>
                    <button>下一步</button>
                </div>
                <div class="next">
                    <div class="new1"><span>新&nbsp;&nbsp;密&nbsp;&nbsp;码&nbsp;&nbsp; ：</span><input class="long" type="password"/><img class="sure sure1 none" src="images/gsure.png" alt=""/><span class="false false1">新密码由6-12位数字、字母或下划线组成</span></div>
                    <div class="new2"><span>确认新密码：</span><input class="short" type="password"/><img class="sure none sure2" src="images/gsure.png" alt=""/><span class="false none false2">您两次输入的密码不一致</span></div>
                    <button id="next">提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer"></div>
<script>
    $.ajax({
        url:"x1Header.html",
        async:false,
        success:function(html){
            $("#header").append(html);
        }
    })
</script>
<script>
    $.ajax({
        url:"x2Footer.html",
        async:false,
        success:function(html){
            $("#footer").append(html);
        }
    })
</script>
<!-- Javascript -->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
<script src="assets/js/scripts.js"></script>
<script type="text/javascript">
    $(function(){
        /*
         Fullscreen background
         */
        $.backstretch("assets/img/backgrounds/1.jpg");

        $('#myModal').on('show.bs.modal', function (e) {
            $(this).find('.modal-dialog').css({
                'margin-top': function () {
                    var modalHeight = $('#myModal').find('.modal-dialog').height();
                    return ($(window).height() / 4 - (modalHeight / 2));
                }
            });
        });
        $("input[type=radio]").click(function(){
            $(".btn-label").removeClass("active");
            $(this).parent(".btn-label").addClass("active");
        });

        $("input[type=checkbox]").click(function(){
            if( $(this).parent(".btn-label").hasClass("active") ){
                $(this).parent(".btn-label").removeClass("active");
            }else{
                $(this).parent(".btn-label").addClass("active");
            }
        });

        // 初始化上传插件
        $("#file-1").fileinput({
            uploadUrl: '../member/upload.do', // you must set a valid URL here else you will get an error
            allowedFileExtensions : ['jpg', 'png','gif','txt','java','js','html','doc','docx','xls','xlsx','rar','zip','mov','wmv','mp4','flv'],
            overwriteInitial: false,
            maxFileSize: 100000,
            maxFilesNum: 100,
            showUpload: true, 	//是否显示上传按钮
            // showCaption: false,	//是否显示标题
            browseClass: "btn btn-primary", //按钮样式
            //allowedFileTypes: ['image', 'video', 'flash'],
            slugCallback: function(filename) {
                return filename.replace('(', '_').replace(']', '_');
            },
        });
        //上传完后的回调操作
        $("#file-1").on("fileuploaded", function(event, data, previewId, index) {
            var form = data.form, files = data.files, extra = data.extra, response = data.response, reader = data.reader;
        });
    });
</script>
<script src="assets/upload/js/fileinput.js" type="text/javascript"></script>
<script src="assets/upload/js/fileinput_locale_zh.js" type="text/javascript"></script>
</body>
</html>